
import { CounterStore } from "./store/counter.Store"
// 导入中间连接mobx react完成响应式变化
import { observer } from "mobx-react-lite"
function App () {
  return (
    <div className="App">
      {/* 把store中的count渲染一下 */}
      {counterStore.count}<br />
      {/* 使用计算属性 */}
      {counterStore.filterList.join('-')}<br />
      {/* 点击事件触发action函数修改count值 */}
      <button onClick={counterStore.addCount}>点击加一</button><br />
      <button onClick={counterStore.addList}>修改数组</button>
    </div>
  )
}
// 包裹App
export default observer(App)
